<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        我们HTML标签也是一个对象
     -->
    <div id="d">放div</div>
    <p id="p">放p</p>
    <script>
        // d.onclick = function () {
        //     console.log("这是一个div标签");
        // }
        // p.onclick = function () {
        //     console.log("这是一个p标签");
        // }
        /*
            你说这是一个对象???
                对div进行使用for in来进行遍历
        */
    //    console.log(d);
        for(var key in d){
            console.log(key,d[key]);
        }
        /* 
            拓展几句话:
                我们现在学的标签(DOM),他是一个真实的DOM,因为这个真实的DOM身上属性特别的多
                所以我们在真正的工作当中,不会用这个

                用虚拟DOM

                真实DOM的属性特别的多,操作起来效率不是很高
                虚拟DOM
                    虚拟是JS对象
                    var div = {
                        id:"d"
                    }
        */
    </script>
</body>

</html>